<template>
    <div class="content">
        <div class="shoat">
            <div class="title" v-if="status==false">很遗憾，未中奖</div>
            <div class="title" v-if="status">恭喜你</div>
            <div class="name">{{name}}</div>
            <div @click.stop="confirm" class="btn1">确定</div>
        </div>
    </div>
</template>
<script>
export default {
    name:'prompt',
    props:{
        name:{
            type:String,
            required:true
        },
        status:{
            type:Boolean,
            required:true
        }
    },
    methods: {
        confirm(event){
            const _this = this
            this.$emit('confirm_btn',event)
        }
    },

}
</script>
<style>
    .content{
         width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3)
    }
     .shoat{
         text-align: center;
        width:2.80rem;
        height:1.5rem;
        background:rgba(250,250,250,1);
        border-radius:.08rem;
        margin: 2.3rem auto 0;
        padding: .2rem .1rem;
        position: relative;
    }
    .title,.btn1{
        font-size:.26rem;
        font-family:PingFang SC;
        font-weight:500;
        color:rgba(255,85,114,1);
    }
    .btn1{
        font-size:.2rem;
        width: 100%;
        height: .5rem;
        border-top: 2px solid #eee;
        line-height: .5rem;
        position: absolute;;
        bottom: 0;
        left: 0;
    }
    .name{
        font-size:.20rem;
        font-family:PingFang SC;
        font-weight:500;
        color:rgba(34,34,34,1);
        margin: .24rem 0 .5rem
    }
</style>